<script lang="ts" setup>
defineProps<{ checked?: boolean }>();
</script>

<template>
	<label class="x-checkbox">
		<checkbox style="transform: scale(0.6)" :checked="checked" />
		<slot></slot>
	</label>
</template>

<style lang="scss" scoped>
.x-checkbox {
	display: flex;
	align-items: center;
}
</style>
